<template>
  <div>
    <h1>excel导出</h1>
    <pre>
       1:复制excel导出的js到项目内
       2：导入插件方法export_json_to_excel
       3:调用传参
           header:主表头，['标题1','标题2'],
           data:数据，  [['标题1的值','标题2的值'],['标题1的值','标题2的值']]
           filename:文件名（下载文件的文件名），不传也可以，它有默认文件名
           multiHeader:复合表头:[['标题xxx','',''],[标题ooo,'','']]
           merges:['从哪项开始:哪项结束的合并','A1:C1']
    </pre>
    <el-button @click="btnClick">基本excel导出</el-button>
    <el-button @click="btnClick2">复杂表头excel导出</el-button>
    <el-button @click="btnClick3">测试import的返回值</el-button>
    <hr>
    <Test />
    <hr>
    <Test2 />
  </div>
</template>
<script>
// import { export_json_to_excel } from '@/vendor/Export2Excel'
export default {
  data() {
    return {
      num: 1
    }
  },
  methods: {
    async btnClick() {
      const { export_json_to_excel } = await import('@/vendor/Export2Excel')
      export_json_to_excel({
        header: ['姓名', '年龄'],
        data: [
          ['张三', '18'],
          ['李四', '28']
        ],
        filename: '基本excel导出测试'
      })
    },
    async btnClick2() {
      const { export_json_to_excel } = await import('@/vendor/Export2Excel')
      export_json_to_excel({
        header: ['姓名', '年龄', '地址'],
        multiHeader: [
          ['信息统计', '', ''],
          ['学生名字', '其它信息', '']
        ],
        data: [
          ['张三', '18', '广州'],
          ['李四', '28', '深圳']
        ],
        merges: ['A1:C1', 'B2:C2'],
        filename: '复杂表头excel导出'
      })
    },
    btnClick3() {
      import('@/vendor/Export2Excel').then((res) => {
        console.log(res)
      })
      //   console.log(import('@/vendor/Export2Excel'))
    }
  }
}
</script>
<style></style>
